// 在首页用户登录前后操作略有不同
// 登录前，显示登录按钮。点击之后进入登录页面
// 登录后，显示昵称点击 展示一个下拉列表

// 怎么判断用户是否登录

// 根据cookie中是否存在petname去判断

// cookie：一般会用来保存用户的登录信息用以验证用户

// cookie存在浏览器的某个文件夹中：在浏览器-设置-隐私中可以看到不同网站的cookie信息

// 通常服务端会把用户的某些信息写入cookie，会随着相应发送到浏览器端，进而被浏览器保存下来。

// 浏览器关闭，session cookie会被清除;持久化cookie到期会被清除
// cookie会随着请求不停的在浏览器和服务器之间传递
// cookie不会用来储存大量数据，也不能存敏感信息;cookie存储容量有限制，一般不能大于4KB;
 

//  操作cookie的方法：jquery.cookie.js;
// jquery.cookie.js是jquery的一个插件，给jquery扩展了关于cookie的读,写,删,操作

// 读：
// $.cookie():取出cookie中的所有内容，是一个object
console.log($.cookie());
// $.cookie('key'):取出某个cookie
connsole.log($.cookie('petname')); 

// 写：
// $.cookie('key',value):向cookie中写入一个key-value;
$.cookie('age',26);

var stu = {
    name = '小想想',
    sex = 'male'
}
$.cookie('student',JSON.stringify(stu));
console.log($.cookie());

// 持久化cookie，可以指定有效期，过期删除
// 不指定就是 会话cookie，浏览器窗口关闭就删除
// expires：7，有效期7天
$.cookie('hello','你好张志桶',{ expires: 7 });

// 删除:
// removeCookie('key'):删除某一个cookie;
$.removeCookie('student');
console.log($.cookie());

// 判断cookie中是否存在petname。
// 存在,用户已登陆
// 不存在,用户未登录
var petname = $.cookie('patname');
if(patname){
    // 已登录
    $('#login span').text(petname);
}else{
    // 未登录
    $('#login span').text('登录');
}

// 点击span#login的操作
